<template>
  <div class="w-h-full">
    <!--组件遮罩层，用于在设计器中显示-->
    <div v-if="shade" class="shade"></div>

    <!--<div class="w-h-full" :style="{
      backgroundImage: 'url('+imgSrc+')',
      backgroundRepeat: 'no-repeat',
      backgroundSize: 'contain',
      backgroundPosition: 'center',
      opacity: component.compConfigData.opacity
    }"></div>-->
  </div>
</template>

<script>

  import FuncCompMixin from '@/mixin/FuncCompMixin'
  import PnDesigner from '@/utils/PnDesigner'

  const _this = {
    name: 'DecorateComp', // 此名称必须填写，且必须与组件文件名相同
    mixins: [FuncCompMixin],
    attr: {
      version: '1.0',
      configDataTemp: Object.assign({

        imageName: 'decorate-1.png',
        opacity: 1

      }, PnDesigner.buildFuncCompGlobalField())
    },
    data() {
      return {}
    },
    mounted() {

    },
    methods: {

    },
    computed: {
      /*imgSrc () {
        return require('./images/' + this.component.compConfigData.imageName)
      }*/
    }
  };

  export default _this
</script>

<style scoped>

</style>
